<template>
	<view style="flex:1;display: flex;flex-direction: column;position: relative;">
			<!-- 装饰 -->
			<view style="
				background-color: #038EFF;position: absolute;width: 375px;height: 375px;
				border-radius: 190px;left: -100px;top: -130px;z-index: 1;
				"></view>
			<view style="margin-top: 64px;margin-bottom: 32px;margin-left: 16px;z-index: 2;display: flex;justify-content: space-between;align-items: center;padding-top: 12px;padding-bottom: 12px;">
				<text style="font-size: 32px;color: #ffffff;">欢迎使用</text>
			</view>
		<view style="z-index: 2;
			flex: 1;
			display: flex;
			flex-direction: column;
			background-color: #F8FCFF;
			box-shadow: 0px -3px 6px #00000030;
			border-top-left-radius: 16px;
			border-top-right-radius: 16px;
			padding-top: 20px;
			padding-bottom: 20px;">
				<view style="display: flex;align-items: center;margin-left: 50px;margin-right: 50px;">
					<!-- <text @click="()=>tabIdx=0" :style="font-size: 22px;color: #038EFF;">登录</text> -->
					<text @click="()=>tabIdx=0" :style="{fontSize:tabIdx == 0?'22px':'16px',color:tabIdx==0?'#038EFF':'#202124'}">登录</text>
					<view style="width: 50px;"></view>
					<text @click="()=>tabIdx=1" :style="{fontSize:tabIdx == 1?'22px':'16px',color:tabIdx==1?'#038EFF':'#202124'}">注册</text>
				</view>
				<!-- 页面 -->
				<login_view v-if="tabIdx == 0" />
				
				<regist_view style="flex: 1;"/>
				
		</view>
			
		
	</view>
</template>

<script>
	import login_view from "./login.vue"
	import regist_view from "./regist.vue"
	export default {
		components: {
			login_view,
			regist_view
		},
		data() {
			return {
				tabIdx:1,
			}
		},
		methods: {}
	}
</script>

<style>

</style>